<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript">
	$(document).ready(function(){
			document.addEventListener("deviceready", myDeviceReadyListener, false);	
	});
	
	function myDeviceReadyListener(){
	/*
	 * device.name 设备名称 device.cordova PhoneGap版本 device.platform 设备平台 device.uuid uuid编码 device.version 平台版本
	*/
		$("#deviceName .ui-btn-text").text("设备名称" + device.name);
		$("#deviceCordova .ui-btn-text").text("PhoneGap版本" + device.cordova);
		$("#devicePlatform .ui-btn-text").text("设备平台" + device.platform);
		$("#deviceUUID .ui-btn-text").text("uuid编码" + device.uuid);
		$("#deviceVersion .ui-btn-text").text("平台版本" + device.version);
	} 
	
</script>
</head> 
<body>
<div data-role="page">
		<div data-role="header">
			<h1>PhoneGap实战</h1>
		</div>
		<div data-role="content">
			<a href="#" data-role="button" id="deviceName"></a>
			<a href="#" data-role="button" id="deviceCordova"></a>
			<a href="#" data-role="button" id="devicePlatform"></a>
			<a href="#" data-role="button" id="deviceUUID"></a>
			<a href="#" data-role="button" id="deviceVersion"></a>
		</div>
		<div data-role="footer">
			<h4>&nbsp;</h4>
		</div>
</div>
</body>
</html>
